<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<?php include './_timeout-counter.php'; ?>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
        <title>Hostel list</title>        
        <link rel="stylesheet" type="text/css" href="css/jRating.jquery.css" media="screen" >
        <link href="css/prac1.css" rel="stylesheet" >
    </head>
    <body>

        <?php
        include './_login-container.php';
        ?>
        <div>
            <h1>Hostels</h1>
            <table>
                <tbody>
                    <tr>
                        <td><img alt="Hostel1" src="images/hostel1.jpg"></td>
                        <td>Location, phone number, reviews...</td>
                        <td>Rate:
                            <div>
                                <div class="basic" id="hostel1"></div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td><img alt="Hostel2" src="images/hostel2.jpg"></td>
                        <td>Location, phone number, reviews...</td>
                        <td>Rate:
                            <div>
                                <div class="basic" id="hostel2"></div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td><img alt="Hostel3" src="images/hostel3.jpg"></td>
                        <td>Location, phone number, reviews...</td>
                        <td>Rate:
                            <div>
                                <div class="basic" id="hostel3"></div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td><img alt="Hostel4" src="images/hostel4.jpg"></td>
                        <td>Location, phone number, reviews...</td>
                        <td>Rate:
                            <div>
                                <div class="basic" id="hostel4"></div>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>

        <script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
        <script type="text/javascript" src="js/jRating.jquery.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $(".basic").jRating({
                    step: true,
                    rateMax: 5
                });
            });
        </script>
    </body>

</html>